const autoprefixer = require('autoprefixer');
// const CompressionWebpackPlugin = require('compression-webpack-plugin');
// const productionGzipExtensions = ['js', 'css'];
module.exports = {
    productionSourceMap: false,
    //打包后资源存放的路径
    assetsDir: 'static',
    publicPath: './',
    /***************************/
    // npm install --save-dev compression-webpack-plugin
    //gzip压缩
    // configureWebpack: config => {
    //     if (process.env.NODE_ENV === 'production') {
    //         // 生产环境
    //         config.plugins.push(
    //             new CompressionWebpackPlugin({
    //                 algorithm: 'gzip',
    //                 test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
    //                 threshold: 10240
    //             })
    //         );

    //     } else {
    //         // 开发环境

    //     }
    // },
    /***************************/
    // devServer: {
    //     proxy: {
    //         '/api': {
    //             target: 'http://wxjx.unisk.cn',
    //             changeOrigin: true,
    //             ws: true,
    //             pathRewrite: {
    //                 '^/api': ''
    //             }
    //         }
    //     }
    // },
    /*
    pages: {
        index: {
            // page 的入口
            entry: 'src/index/index/main.js',
            // 模板来源
            template: 'public/index.html',
            // 在 dist/index.html 的输出
            filename: 'index.html',
            // 当使用 title 选项时，
            // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
            title: 'Index Page',
            // 在这个页面中包含的块，默认情况下会包含
            // 提取出来的通用 chunk 和 vendor chunk。
            chunks: ['chunk-vendors', 'chunk-common', 'index']
        },
        main: {
            // page 的入口
            entry: 'src/index/main/main.js',
            // 模板来源
            template: 'public/index.html',
            // 在 dist/index.html 的输出
            filename: 'main.html',
            // 当使用 title 选项时，
            // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
            title: 'main Page',
            // 在这个页面中包含的块，默认情况下会包含
            // 提取出来的通用 chunk 和 vendor chunk。
            chunks: ['chunk-vendors', 'chunk-common', 'main']
        },
        // 当使用只有入口的字符串格式时，
        // 模板会被推导为 `public/subpage.html`
        // 并且如果找不到的话，就回退到 `public/index.html`。
        // 输出文件名会被推导为 `subpage.html`。
        subpage: 'src/index/main/main.js'
    },
    */
    //px2rem移动端适配
    css: {
        loaderOptions: {
            css: {
                // options here will be passed to css-loader
            },
            postcss: {
                // options here will be passed to postcss-loader
                plugins: [
                    require('postcss-px2rem')({
                        remUnit: 100
                    }),
                    autoprefixer({
                        browsers: ['last 2 versions']
                    })
                ]
            }
        }
    },
    //内联文件大小设置为 10kb
    chainWebpack: config => {
        config
            .module
            .rule('images')
            .use('url-loader')
            .loader('url-loader')
            .tap(options => Object.assign(options, {
                limit: 10240
            }))
    }
}